<!doctype html>
<html>

<link>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>test</title>
<link href="css/css1.css"></link>
<script type="text/javascript" src="../lib/jquery.min.js"></script>
<script type="text/javascript" src="../lib/miniui/miniui.js"></script>
<script type="text/javascript" src="../src/minix.js"></script>
<script type="text/javascript" src="iframeContent.js" async="async"></script>
</head>

<body>

<div id="div2">

    <input type="button" id="button1" value="button1 in iframeContent.html"/>
    <input type="button" id="button2" value="button2 in iframeContent.html"/>
    <input type="button" id="button3" value="button3 in iframeContent.html"/>
    <input type="button" id="button4" value="button4 in iframeContent.html"/>
    <input type="button" id="button5" value="button5 in iframeContent.html"/>

</div>

<script type="text/javascript">
    //            $("#button1").click(function () {
    //                alert("aaa");
    //            });

    $('body').on('#button1', 'click', function () {
        alert(33333);
    })

</script>
</body>

</html>